<template>
  <div>
    <p>
      <vxe-button content="默认颜色" prefix-icon="vxe-icon-add"></vxe-button>
      <vxe-button status="primary" content="主要颜色" prefix-icon="vxe-icon-delete"></vxe-button>
      <vxe-button status="success" content="成功颜色" prefix-icon="vxe-icon-print"></vxe-button>
      <vxe-button status="info" content="信息颜色" prefix-icon="vxe-icon-question-circle"></vxe-button>
      <vxe-button status="warning" content="警告颜色" prefix-icon="vxe-icon-search"></vxe-button>
      <vxe-button status="error" content="错误颜色" prefix-icon="vxe-icon-save"></vxe-button>
    </p>
    <p>
      <vxe-button content="默认颜色" suffix-icon="vxe-icon-add"></vxe-button>
      <vxe-button status="primary" content="主要颜色" suffix-icon="vxe-icon-delete"></vxe-button>
      <vxe-button status="success" content="成功颜色" suffix-icon="vxe-icon-print"></vxe-button>
      <vxe-button status="info" content="信息颜色" suffix-icon="vxe-icon-question-circle"></vxe-button>
      <vxe-button status="warning" content="警告颜色" suffix-icon="vxe-icon-search"></vxe-button>
      <vxe-button status="error" content="错误颜色" suffix-icon="vxe-icon-save"></vxe-button>
    </p>
  </div>
</template>
